<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>我的订单</title>
    <link rel="stylesheet" href="../../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../../css/aui-flex.css" />
    <link rel="stylesheet" href="../../../css/main.css">
    <link rel="stylesheet" href="css/indent.css">
    <script type="text/javascript" src="../../../js/base.js"></script>
</head>
<body>
<header class="aui-bar aui-bar-nav aui-bar-top">
    <a class="aui-pull-left aui-btn goBack" >
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">我的订单</div>
</header>
<section id="app" v-cloak="">
    <div  class="aui-grid aui-margin-b-15">
        <div class="aui-tab" id="tab">
            <div class=" aui-tab-item  aui-active " @click="goAllIndent()">
                <div class="aui-grid-label">全部 </div>
            </div>
            <div class=" aui-tab-item " @click="goDfk()">
                <div class="aui-grid-label">待付款</div>
            </div>
            <div class=" aui-tab-item " @click="goDfh()">
                <div class="aui-grid-label">待发货</div>
            </div>
            <div class=" aui-tab-item " @click="goDsh()">
                <div class="aui-grid-label">待收货</div>
            </div>
            <div class=" aui-tab-item " @click="goDpj()">
                <div class="aui-grid-label">待评价</div>
            </div>
        </div>
    </div>
    <div v-if="showAllIndent" v-for="indentInfo,index in indentList" >
        <div  class="aui-grid">
            <div class=" aui-row aui-flex-col aui-flex-item-12 aui-margin-t-5 aui-padded-t-10 goodsList">
                <div class="aui-flex-item-6 aui-padded-l-5">
                    <div class="aui-grid-label aui-font-size-12"><img src="../../../icon/logo.png" style="height:0.8rem; line-height: 0.8rem" alt=""><span>超急店小普专营</span></div>
                </div>
                <div class="aui-flex-item-6" >
                    <div class="aui-font-size-12  aui-text-right fontColor">待付款</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-right">订单号:{{indentInfo.order_sn}}</div>
                </div>
            </div>
        </div>
        <div  class="aui-grid" @click="goOrder_detail(index)" v-for="childrenIndentList in indentInfo.children[index]" >
            <div class="aui-row"  >
                <div class="aui-col-xs-3 aui-margin-l-15">
                    <img v-bind:src=" getImage(childrenIndentList.goods_image)" alt="">
                </div>

                <div class="aui-col-xs-5 aui-padded-l-10 aui-text-left">
                    <div class="aui-grid-label aui-margin-0 aui-font-size-16 aui-margin-b-5 ">{{childrenIndentList.goods_name}}</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  aui-margin-b-5  textColor ">颜色:绅士灰</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  textColor">型号:{{childrenIndentList.goods_sn}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-danger aui-margin-0"><img src="../../../icon/2-1/图层24@2x.png" style="height:0.8rem"></div>
                </div>
                <div class="aui-col-xs-3  aui-text-right" >
                    <div class="aui-font-size-12 fontColor">￥{{childrenIndentList.shop_price}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-margin-b-5 textColor" style="text-decoration:line-through;margin-top:0">￥{{childrenIndentList.market_price
                        }}</div>
                    <div class="aui-font-size-12 aui-margin-b-10 textColor">重量:0.020Kg</div>
                    <div class="aui-grid-label aui-font-size-12 textColor">X{{childrenIndentList.goods_number}}</div>
                </div>
            </div>
        </div>
        <div class="aui-flex-col aui-flex-item-12 aui-border-t indentTime">
        <div class=" aui-flex-item-4 aui-padded-l-10 aui-font-size-12" >
            <span>{{getDate(indentInfo.add_time)}}</span>
        </div>
        <div class="aui-flex-item-8 aui-font-size-12 aui-text-right aui-padded-r-10">
            共<span>{{countNum}}</span>件商品 合计:<span>￥{{countPrice}}</span>(含运费:￥<span>0</span>)
        </div>
    </div>
    <div class="aui-flex-col aui-flex-item-12 aui-margin-t-10 aui-margin-b-5" v-on:click="goBuy(index)">
        <div class="aui-btn  aui-btn-outlined aui-flex-item-4 aui-flex-offset-3 aui-btn-default">取消订单</div>
        <div class="aui-btn  aui-btn-outlined aui-flex-item-4 aui-margin-l-15 fontColor borderColor">去支付</div>
    </div>
 </div>
    <div v-if="showDfkIndent"  v-for="indentInfo in indentList">
        <div  class="aui-grid">
            <div class=" aui-row aui-flex-col aui-flex-item-12 aui-margin-t-5 aui-padded-t-10 goodsList">
                <div class="aui-flex-item-6 aui-padded-l-5">
                    <div class="aui-grid-label aui-font-size-12"><img src="../../../icon/logo.png" style="height:0.8rem; " alt=""><span>超急店小普专营</span></div>
                </div>
                <div class="aui-flex-item-6" >
                    <div class="aui-font-size-12  aui-text-right fontColor">待付款</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-right">订单号:{{indentInfo.order_sn}}</div>
                </div>
            </div>
    </div>
        <div  class="aui-grid" @click="goOrder_detail()">
            <div class="aui-row"  v-for="childrenIndentList in indentInfo.children">
                <div class="aui-col-xs-3 aui-margin-l-15">
                    <img v-bind:src=" getImage(childrenIndentList.goods_image)" alt="">
                </div>
                <div class="aui-col-xs-5 aui-padded-l-10 aui-text-left" >
                    <div class="aui-grid-label aui-margin-0 aui-font-size-16 aui-margin-b-5 ">{{childrenIndentList.goods_name}}</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  aui-margin-b-5  textColor ">颜色:绅士灰</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  textColor">型号:{{childrenIndentList.goods_sn}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-danger aui-margin-0"><img src="../../../icon/2-1/图层24@2x.png" style="height:0.8rem"></div>
                </div>
                <div class="aui-col-xs-3  aui-text-right" >
                    <div class="aui-font-size-12 fontColor">￥{{childrenIndentList.shop_price}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-margin-b-5 textColor" style="text-decoration:line-through;margin-top:0">￥{{childrenIndentList.market_price
                        }}</div>
                    <div class="aui-font-size-12 aui-margin-b-10 textColor">重量:0.020Kg</div>
                    <div class="aui-grid-label aui-font-size-12 textColor">X{{childrenIndentList.goods_number}}</div>
                </div>
            </div>
        </div>
        <div class="aui-flex-col aui-flex-item-12 aui-border-t indentTime">
            <div class=" aui-flex-item-4 aui-padded-l-10 aui-font-size-12" >
                <span>{{getDate(indentInfo.add_time)}}</span>
            </div>
            <div class="aui-flex-item-8 aui-font-size-12 aui-text-right aui-padded-r-10">
                共<span>{{countNum}}</span>件商品 合计:<span>￥{{countPrice}}</span>(含运费:￥<span>0</span>)
            </div>
        </div>

        <div class="aui-flex-col aui-flex-item-12 aui-margin-t-10 aui-margin-b-5" v-on:click="goBuy(index)">
            <div class="aui-btn  aui-btn-outlined aui-flex-item-4 aui-flex-offset-3 aui-btn-default">取消订单</div>
            <div class="aui-btn  aui-btn-outlined aui-flex-item-4 aui-margin-l-15 fontColor borderColor">去支付</div>
        </div>
    </div>
    <div v-if="showDfhIndent"  v-for="indentInfo,index in indentList">
        <div  class="aui-grid">
            <div class=" aui-row aui-flex-col aui-flex-item-12 aui-margin-t-5 aui-padded-t-10 goodsList">
                <div class="aui-flex-item-6 aui-padded-l-5">
                    <div class="aui-grid-label aui-font-size-12"><img src="../../../icon/logo.png" style="height:0.8rem; " alt=""><span>超急店小普专营</span></div>
                </div>
                <div class="aui-flex-item-6" >
                    <div class="aui-font-size-12  aui-text-right fontColor">待发货</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-right">订单号:{{indentInfo.order_sn}}</div>
                </div>
            </div>
        </div>
        <div  class="aui-grid" @click="goOrder_detail()">
            <div class="aui-row "  v-for="childrenIndentList in indentInfo.children">
                <div class="aui-col-xs-3 aui-margin-l-15">
                    <img v-bind:src=" getImage(childrenIndentList.goods_image)" alt="">
                </div>
                <div class="aui-col-xs-5 aui-padded-l-10 aui-text-left" >
                    <div class="aui-grid-label aui-margin-0 aui-font-size-16 aui-margin-b-5 ">{{childrenIndentList.goods_name}}</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  aui-margin-b-5  textColor ">颜色:绅士灰</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  textColor">型号:{{childrenIndentList.goods_sn}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-danger aui-margin-0"><img src="../../../icon/2-1/图层24@2x.png" style="height:0.8rem"></div>
                </div>
                <div class="aui-col-xs-3  aui-text-right" >
                    <div class="aui-font-size-12 fontColor">￥{{childrenIndentList.shop_price}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-margin-b-5 textColor" style="text-decoration:line-through;margin-top:0">￥{{childrenIndentList.market_price
                        }}</div>
                    <div class="aui-font-size-12 aui-margin-b-10 textColor">重量:0.020Kg</div>
                    <div class="aui-grid-label aui-font-size-12 textColor">X{{childrenIndentList.goods_number}}</div>
                </div>
            </div>
        </div>
        <div class="aui-flex-col aui-flex-item-12 aui-border-t indentTime">
            <div class=" aui-flex-item-4 aui-padded-l-10 aui-font-size-12" >
                <span>{{getDate(indentInfo.add_time)}}</span>
            </div>
            <div class="aui-flex-item-8 aui-font-size-12 aui-text-right aui-padded-r-10">
                共<span>{{countNum}}</span>件商品 合计:<span>￥{{countPrice}}</span>(含运费:￥<span>0</span>)
            </div>
        </div>

        <div class="aui-flex-col aui-flex-item-12 aui-margin-t-10" v-on:click="goBuy()">
            <div class="aui-btn aui-btn-outlined aui-flex-item-4 aui-flex-offset-7 borderColor">提醒发货</div>
        </div>
    </div>
    <div v-if="showDshIndent"   v-for="indentInfo,index in indentList">
        <div  class="aui-grid">
            <div class=" aui-row aui-flex-col aui-flex-item-12 aui-margin-t-5 aui-padded-t-10 goodsList">
                <div class="aui-flex-item-6 aui-padded-l-5">
                    <div class="aui-grid-label aui-font-size-12"><img src="../../../icon/logo.png" style="height:0.8rem; line-height: 0.8rem" alt=""><span>超急店小普专营</span></div>
                </div>
                <div class="aui-flex-item-6" >
                    <div class="aui-font-size-12 aui-text-right fontColor">待收货</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-right">订单号:{{indentInfo.order_sn}}</div>
                </div>
            </div>
        </div>
        <div  class="aui-grid" @click="goOrder_detail()">
            <div class="aui-row"  v-for="childrenIndentList in indentInfo.children">
                <div class="aui-col-xs-3 aui-margin-l-15">
                    <img v-bind:src=" getImage(childrenIndentList.goods_image)" alt="">
                </div>
                <div class="aui-col-xs-5 aui-padded-l-10 aui-text-left" >
                    <div class="aui-grid-label aui-margin-0 aui-font-size-16 aui-margin-b-5 ">{{childrenIndentList.goods_name}}</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  aui-margin-b-5  textColor ">颜色:绅士灰</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  textColor">型号:{{childrenIndentList.goods_sn}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-danger aui-margin-0"><img src="../../../icon/2-1/图层24@2x.png" style="height:0.8rem"></div>
                </div>
                <div class="aui-col-xs-3  aui-text-right" >
                    <div class="aui-font-size-12 fontColor">￥{{childrenIndentList.shop_price}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-margin-b-5 textColor" style="text-decoration:line-through;margin-top:0">￥{{childrenIndentList.market_price
                        }}</div>
                    <div class="aui-font-size-12 aui-margin-b-10 textColor">重量:0.020Kg</div>
                    <div class="aui-grid-label aui-font-size-12 textColor">X{{childrenIndentList.goods_number}}</div>
                </div>
            </div>
        </div>
        <div class="aui-flex-col aui-flex-item-12 aui-border-t indentTime">
            <div class=" aui-flex-item-5 aui-padded-l-10 aui-font-size-12" >
                <span>{{getDate(indentInfo.add_time)}}</span>
            </div>
            <div class="aui-flex-item-7 aui-font-size-12 aui-text-right aui-padded-r-10">
                共<span>{{countNum}}</span>件商品 合计:<span>￥{{countPrice}}</span>(含运费:￥<span>0</span>)
            </div>
        </div>

        <div class="aui-flex-col aui-flex-item-12 aui-margin-t-10 aui-margin-b-5">
            <div class="aui-flex-item-4 aui-padded-l-10 fontColor">推荐人:小普</div>
            <div class="aui-btn  aui-btn-default aui-btn-outlined aui-flex-item-3 aui-flex-offset-1">删除订单</div>
            <div class="aui-btn  aui-btn-outlined aui-flex-item-3 aui-margin-l-10 borderColor" v-on:click="goConfirmGoods(index)">确认收货</div>
        </div>
    </div>
    <div v-if="showDpjIndent"  v-for="indentInfo,index in indentList">
        <div  class="aui-grid">
            <div class=" aui-row aui-flex-col aui-flex-item-12 aui-margin-t-5 aui-padded-t-10 goodsList">
                <div class="aui-flex-item-6 aui-padded-l-5">
                    <div class="aui-grid-label aui-font-size-12"><img src="../../../icon/logo.png" style="height:0.8rem; line-height: 0.8rem" alt=""><span>超急店小普专营</span></div>
                </div>
                <div class="aui-flex-item-6" >
                    <div class="aui-font-size-12  aui-text-right fontColor">待评价</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-right">订单号:{{indentInfo.order_sn}}</div>
                </div>
            </div>
        </div>
        <div  class="aui-grid" @click="goOrder_detail()">
            <div class="aui-row"  v-for="childrenIndentList in indentInfo.children">
                <div class="aui-col-xs-3 aui-margin-l-15">
                    <img v-bind:src=" getImage(childrenIndentList.goods_image)" alt="">
                </div>
                <div class="aui-col-xs-5 aui-padded-l-10 aui-text-left" >
                    <div class="aui-grid-label aui-margin-0 aui-font-size-16 aui-margin-b-5 ">{{childrenIndentList.goods_name}}</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  aui-margin-b-5  textColor ">颜色:绅士灰</div>
                    <div class="aui-grid-label aui-font-size-12  aui-margin-0  textColor">型号:{{childrenIndentList.goods_sn}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-text-danger aui-margin-0"><img src="../../../icon/2-1/图层24@2x.png" style="height:0.8rem"></div>
                </div>
                <div class="aui-col-xs-3  aui-text-right" >
                    <div class="aui-font-size-12 fontColor">￥{{childrenIndentList.goods_price}}</div>
                    <div class="aui-grid-label aui-font-size-12 aui-margin-b-5 textColor" style="text-decoration:line-through;margin-top:0">￥{{childrenIndentList.market_price
                        }}</div>
                    <div class="aui-font-size-12 aui-margin-b-10 textColor">重量:0.020Kg</div>
                    <div class="aui-grid-label aui-font-size-12 textColor">X{{childrenIndentList.goods_number}}</div>
                </div>
            </div>
        </div>
        <div class="aui-flex-col aui-flex-item-12 aui-border-t indentTime">
            <div class=" aui-flex-item-5 aui-padded-l-10 aui-font-size-12" >
                <span>{{getDate(indentInfo.add_time)}}</span>
            </div>
            <div class="aui-flex-item-7 aui-font-size-12 aui-text-right aui-padded-r-10">
                共<span>{{countNum}}</span>件商品 合计:<span>￥{{countPrice}}</span>(含运费:￥<span>0</span>)
            </div>
        </div>

        <div class="aui-flex-col aui-flex-item-12 aui-margin-t-10" v-on:click="goComment(index)">
            <div class="aui-btn  aui-btn-outlined aui-flex-item-4 aui-flex-offset-7 borderColor">去评价</div>
        </div>
    </div>

</section>
<script type="text/javascript" src="../../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../../js/vue.min.js"></script>
<script type="text/javascript" src="../../../js/api.js"></script>
<script type="text/javascript" src="../../../js/aui-tab.js"></script>
<script type="text/javascript" src="../../../js/aui-dialog.js"></script>
<script type="text/javascript" src="../../../js/aui-list-swipe-backup.js"></script>
<script src="js/indent.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../../js/weixin.js" ></script>
<script>

</script>
</body>
</html>